<template>
  <div style="margin: -20px;">
	<el-container>
		 <el-header style="height: 45px; background-color: #7390b3;text-align: center;line-height: 45px;" >
		  <el-button type="primary"  @click="history()">电费历史充值</el-button>
		  <el-button type="primary"  @click="remain()">电费剩余金额</el-button>
		  <el-button type="primary"  @click="chargeMoney(2)">充值</el-button>
		 </el-header>
	     <br>
	     <!-- 显示内容 -->
	     <!-- <el-main style="background-color:antiquewhite;marrgin-top:15px">
	       <router-view></router-view>
		   
	     </el-main> -->
		 
		 
		 <el-main style="background-color:#d9d9d9;marrgin-top:15px">
		   <router-view></router-view>
		   
		 </el-main>
	   		
	   </el-container>
	  
	</el-container>
	
  </div>
  
</template>

<script>
	
	export default {
	  data(){
	    return{
	      
	    }
	  },
	  methods:{
			history(){
			this.$router.push("/Convenience_payment_electricity_history")
			},
			remain(){
				this.$router.push("/Convenience_payment_electricity_money")
			},
			chargeMoney(id){
				// "/Convenience_payment_water_ChargeMoney"
				this.$router.push({
					
					path:"/Convenience_payment_water_ChargeMoney",
					query:{id:id}
				})
			}
			
		
	  }
	}
	
	
</script>

<style scoped>
  
</style>